define('component/common/InfoCard', ['text!./InfoCard.html', 'css!./InfoCard.css'], function (template) {
  return {
    template: template,
    name: 'InfoCard',
    props: {
      left: {
        type: Number,
        default: 36
      },
      color: {
        type: String,
        default: '#2d8cf0'
      },
      icon: {
        type: String,
        default: ''
      },
      iconSize: {
        type: Number,
        default: 20
      },
      shadow: {
        type: Boolean,
        default: false
      }
    },
    computed: {
      leftWidth() {
        return `${this.left}%`
      },
      rightWidth() {
        return `${100 - this.left}%`
      }
    }
  }
})
